
<template>
<div >
    <el-form ref="form"   label-width="200px" size="mini" style="margin-top:50px" >
      <el-form-item label-width="470px" label="请输入灭籍登记簿编号："></el-form-item><br/>
      <el-form-item  label-width="400px" label="登记簿编号："><el-input size="small" style="width:270px"  v-model="registerBookNo"></el-input> </el-form-item><br/>
      <el-form-item  label-width="470px">
          <el-button type="button"  @click= "del()">灭籍</el-button>
      </el-form-item>
    </el-form>
</div>
    
</template>

<script>
  export default({
    name:"delRegisterBook",
    data () {
      return {
        registerBookNo:null     
      }
    },
 
    methods: {
      del() {
         alert(this.registerBookNo);
        this.sa.ajax("http://localhost:8081/delRegisterBook",{registerBookNo:this.registerBookNo},
        function (resp) {
          console.log(resp.data);
      
           alert("灭籍成功!");
           

        }.bind(this),
        {type : 'get'}
      )
        // var tab = {id: 'delRegisterBook', name: '灭籍', view: () => import('@/sa-view/hpt/register.vue'), params: {id: this.id} };
        // this.sa_admin.showTab(tab);
        
        


			}
      
    } 
  });
</script>


<style scoped>

</style>
